html,body{
	height: 100%;
	margin:0;
}

#ID_Main_Panel{
	position: relative;
	left:35%;
	top:30%;
	width:30%;
	height: 43%;
	border-radius: 5px;
	border:solid 1px black;
}

#ID_Top_Panel{
	position: relative;
	background-image: url("./image/bg_login_top.png");
	background-size: 100% 100%;
	width: 100%;
	height: 55%;
}
#ID_Bottom_Panel{
	position: relative;
	width: 100%;
	height: 45%;
}

select, input[type="text"]{
      width:100%;
      box-sizing:border-box;
}


#ID_Bottom_Right_Panel{
	position: relative;
	top:10%;
	height: 100%;
}

#ID_Bottom_Left_Ext_Panel
{
	float:left;
	width:30%;
	height: 100%;
}

#ID_Bottom_Mid_Ext_Panel
{
	float:left;
	width:50%;
	height: 100%;
}
#ID_Bottom_Right_Ext_Panel
{
	float:left;
	width: 18%;
	height: 100%;
}

#ID_Input_Prompt{
	position:relative;
	width: 100%;
	height: 70%;
	font-family:"Times New Roman", Times, serif;  
	box-sizing:border-box;
   	font-size: 14px;  
   	overflow: auto; 
	border:none;
    outline: none;
    resize: none;
}

#ID_Usr_Pic{
	position: relative;
	background-image: url("./image/bg_default_usr.png");
	background-size: 100% 100%;
	width: 70%;
	height: 55%;
	left:15%;
	top:10%;
}

#ID_Bottom_Mid_Panel{
	position: relative;
	width: 100%;
	height: 100%;
	top:10%;
}

#ID_Account_Panel{
	position: relative;
	width: 100%;
	height: 20%;
    outline: none;
}

#ID_Account_Edit{
	position: absolute;
	width: 90%;
	height: 20%;
	margin-top: 1px;
	margin-left: 1px;
	top:0;
	border:none;
    outline: none;
}
#ID_Code_Panel{
	position: relative;
	width: 100%;
	height: 20%;
    outline: none;
}
#ID_Btn_Login{
	position: relative;
	width: 100%;
	height: 23%;
	top:10%;
	border-radius: 4px;
	background-color: deepskyblue;
	border:none;
	cursor:pointer;
}

#ID_Btn_Login:hover{
	background-color: lightskyblue;
}

#ID_Btn_Login:active{
	transform: translateY(1px);
}
